<template>
  <div>video页面
    <!-- <son :msg="msg" @changeMsg="changeMsg" /> -->
    <!-- 传递给子组件的数据可以加.sync修饰符 简化双向prop修改的
       在子组件内就可以直接修改父组件的属性了, 但是也需要发布一个自定义事件
       自定义事件的格式 update:修改的属性
      -->
    <son :msg.sync="msg" :count.sync="count" />
  </div>
</template>

<script>
import Son from './Son.vue'
export default {
  name: 'Video',
  components: { Son },
  data() {
    return {
      msg: '父组件msg信息 -- 哈哈哈',
      count: [100, 200]
    }
  },
  methods: {
    // changeMsg(str) {
    //   this.msg = str
    // }
  }
}
</script>

<style>

</style>
